using System;
using System.Collections.Generic;

namespace My.Blog.Web
{
    public class CategoryUI
    {
        /// <summary>
        /// Index
        /// </summary>
        /// <returns></returns> 
        public static string Index(List<CategoryInfo> list, string linkTo)
        {
            return @"
<h1>Categories列表</h1>
<!--<If:Empty>-->
<p>抱歉！没有找到您想找的东西！</p>
<!--</If:Empty>--> 
    
<!--<IfNot:Empty>-->
    <div class='treeView'>

        {TreeViewList}  
        <!--<If:Maintain>--><button name='del'>删除</button><!--</If:Maintain>-->
    
    </div>
    </form>
    
    <div id='parentOptionsBase' style='display:none'>{TreeViewSelect}</div><!--分类选择选项,供需要分类选择的添加修改项使用(一般是同一上下文中的别的页面)-->
    <div id='categoryOptionsBase' style='display:none'>{TreeViewSelectWithoutRoot}</div><!--分类选择选项,供需要分类选择的添加修改项使用(一般是同一上下文中的别的页面)-->
    
<!--<IfNot:Empty>-->";

        }
        /// <summary>
        /// New
        /// </summary>
        /// <returns></returns>
        public static string New()
        {
            return @"
        <h1 class='showHiddenForm hd'>添加分类</h1>
        <h1 class='hideHiddenForm hd' style='display:none'>添加分类()</h1>
        <div class='hiddenForm bd'>
            <input type='hidden' name='BlogId' value='{UserId}' />
            <input type='hidden' name='ParentId' />
            <ul>
                <li>
                    <label>上级分类:</label><input type='text' value='' class='ParentId' id='add_category_display_name' readonly='readonly' style='display:block' />
                </li>
                <li>
                    <label>标题:</label><input type='text' name='Title' />
                </li>
                <li>
                    <label>描述:</label><input type='text' name='Description' />
                    <!--Icon:<input type='text' name='Icon' />-->
                </li>
                <li>
                    <label>是否公开:</label><select name='IsPublished'><option value='true'>是</option><option value='false'>否</option></select>    
                </li>
                <li>
                    <label>&nbsp;</label><button>提交</button>
                </li>
            </ul>
        </div>";
        }

        // 
        public static string Details()
        {
            return @"
<!--<If:Empty>-->
    <p>抱歉！没有找到您要找的东西！</p>
<!--</If:Empty>-->

<!--<If:Maintain>-->
    <form id='FrmUpdateCategory' method='post' action='{RootUrl}/_Ajax/Blog.aspx?op=UpdateCategory'>
        <h1>修改Category</h1>
        <input type='hidden' name='Id' value='{Id}' />
        <ul>
            <li>
                <label>Title:</label><input type='text' name='Title' value='{Title}' />
            </li>
            <li>
                <label>Description:</label><input type='text' name='Description' value='{Description}' />
            </li>
            <li>
                <label>Icon:</label><input type='text' name='Icon' value='{Icon}' />
            </li>
            <li>
                <label>IsPublished:</label><select name='IsPublished'><option value='true'>是</option><option value='false' {PublishedSelected}>否</option>
            </select>
            </li>
            <li>
                <label>IsAllowComment:</label><select name='IsAllowComment'><option value='true'>是</option><option value='false'>否</option></select>
            </li>
            <li>
                <label>&nbsp;</label><button>提交</button>
             </li>
        </ul>
    </form>";
        }

        public static string Move()
        {
            return @"
    <form id='FrmMoveToCategory' method='post' action='{RootUrl}/_Ajax/Blog.aspx?op=MoveCategoryTo'>
        <h1>移动Category</h1>
        <input type='hidden' name='Id' value='{Id}' />
        <ul>
            <li style='position:relative'>
                <label>分类:</label><input type='text' class='ParentId' readonly='readonly' />
                                    <input type='hidden' name='ParentId' />
            </li>
            <li>
                <label>位置:</label><input type='text' name='Width' />
            </li>
            <li>
                <label>&nbsp;</label><button>提交</button>
             </li>
        </ul>
    </form>";
        }
    }
}